/**
 * Created by fangshufeng on 2017/9/18.
 */

import React from 'react';

/**
 * 下面两种方式都可以只加载用到的组件。
 使用 babel-plugin-import（推荐）。
 // .babelrc or babel-loader option
 {
   "plugins": [
     ["import", { libraryName: "antd", style: "css" }] // `style: true` 会加载 less 文件
   ]
 }
 然后只需从 antd 引入模块即可，无需单独引入样式。等同于下面手动引入的方式。
 // babel-plugin-import 会帮助你加载 JS 和 CSS
 import { DatePicker } from 'antd';
 手动引入
 import DatePicker from 'antd/lib/date-picker';  // 加载 JS
 import 'antd/lib/date-picker/style/css';        // 加载 CSS
 // import 'antd/lib/date-picker/style';         // 加载 LESS

 文档地址  https://ant.design/docs/react/introduce-cn
 * */
import {Button} from 'antd';//方式一


// import Button from 'antd/lib/button'; //方式二

export  default  class AntDesignButton extends  React.Component {
    render(){
        return ( <div>
            <Button type="primary">Primary</Button>
            <Button>Default</Button>
            <Button type="dashed">Dashed</Button>
            <Button type="danger">Danger</Button>
        </div>);

    }
}